<#import "include/main.ftl" as m />
<#import "include/table_w_pager_wrapper.ftl" as t />

<@m.main>
	<ul>
		<li><a href="#usuarios">Usuarios</a></li>
	</ul>
	
	<div id="usuarios">
	
		<h2>Listado</h2>
		
		<#if usuarios.rows?size != 0>
			<@t.table_w_pager_wrapper usuarios "list.html">
				<table class="list">
					<tr>
						<th>Id</th>
						<th>Nombre</th>
						<th>Email</th>
						<th>Locale</th>
						<th>Role</th>
						<th>Acciones</th>
					</tr>
					
					<#list usuarios.rows as u>
						<tr>
							<td style="width: 50px;">${u.id!}</td>
							<td style="width: 100px;">${u.name!}</td>
							<td style="width: 100px;">${u.email!}</td>
							<td style="width: 100px;">${u.locale!}</td>
							<td style="width: 100px;">${u.textualRole!}</td>
							<td style="text-align: left;">
								<a href="edit_user.html?id=${u.id}" style="text-decoration: none;">
									<img src="/${base_path}/images/user_edit.png" alt="Editar usuario" title="Editar usuario" />
								</a>
								<a href="balance.html?userId=${u.id}" style="text-decoration: none;">
									<img src="/${base_path}/images/coins.png" alt="Balance" title="Balance" />
								</a>
							</td>
						</tr>
					</#list>
				</table>
			</@t.table_w_pager_wrapper>
		<#else>
			<center><h3>No tiene ningún usuario registrado.</h3></center>
		</#if>
	</div>
</@m.main> 
